.container {
	margin-top: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
}
 ::v-deep .u-modal__content.data-v-0156a215{
	 flex-direction: column !important;
	 overflow-y: auto !important;
	 height: 400px;
 }
 .container::after {
   content: "";
   display: block;
   height: 300px; /* 设置为所需的高度 */
   width: 0; /* 宽度设为 0 以避免影响布局 */
   visibility: hidden; /* 使伪元素不可见 */
 }
.blue-semicircle {
	display: block;
	border-radius: 50%; /* 创建一个完整的圆 */
	clip-path: inset(50% 0 0 0); /* 裁剪下半部分，保留上半部分 */
  background-color: #4A90E2;
 /* clip-path: inset(0 0 50% 0); *//* 裁剪下半部分，保留上半部分 */
  z-index: -1; /* 确保在其他内容下面 */
}

.half-circle-wrapper {
  position: relative; /* 为子元素提供定位上下文 */
  /* 其他样式 */
}
 
.half-circle-bg {
  display: inline-block; /* 设置为内联块级元素 */
  width: 50px; /* 设置宽度 */
  height: 0; /* 高度设为0，确保元素本身不占位 */
  position: relative; /* 为伪元素提供定位上下文 */
  vertical-align: middle; /* 可选：调整垂直对齐方式 */
}
 
.half-circle-bg::before {
 content: "";
 display: block;
 width: 500px; /* 宽度与父元素相同 */
 height: 800px; /* 高度是宽度的两倍，用于绘制完整的圆 */
 background-color: blue;
  /* background-color: #4A90E2; */
 border-radius: 50%;
 clip-path: inset(50% 0 0 0);
 position: relative;
 top: -500px; /* 将顶部对齐到父元素上方，确保半圆正确显示 */
 left: -230px; /* 将左侧对齐到父元素的左侧 */
 
}
 
/* 注意：上面的代码包含了一些冗余和可能需要调整的部分，特别是关于transform的使用。
         在实际项目中，你应该根据具体情况进行简化和调整。以下是一个更简化的版本，
         它直接通过left和top属性（使用绝对像素值进行偏移）以及clip-path属性来定位半圆：
*/
 
.half-circle-bg-simplified::before {
  content: "";
  display: block;
  width: 50px; /* 宽度与父元素相同 */
  height: 100px; /* 高度是宽度的两倍，用于绘制完整的圆 */
  background-color: blue;
  border-radius: 50% 50% 0 0; /* 直接将下半部分裁剪为直线（但这种方法在某些情况下可能不如clip-path可靠）
                                或者更简单地使用clip-path如下：*/
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  position: absolute;
  top: -50px; /* 将顶部对齐到父元素上方，确保半圆正确显示 */
  left: 0; /* 将左侧对齐到父元素的左侧 */
  /* 注意：由于父元素高度为0，这里的top值是一个估计值，可能需要根据实际情况进行调整。
             如果父元素有其他内容或兄弟元素，可能需要更精确地计算偏移量。 */
}
 
 .u-show-list{
	 display: flex;
	 flex-direction: column;
 }
.circle-icon {
  position: absolute;
  top: 50px;
  right: 115px;
  transform: translateX(-50%);
  width: 65px; /* 根据需要调整 */
  height: 65px; /* 根据需要调整 */
  border-radius: 50%; /* 创建圆形 */
  background-color: #000cf9; /* 如果图标是透明的，可以设置一个背景色 */
  border: 0.5px solid #fff;
  /* 如果图标不是透明的，可以移除背景色和下面的box-shadow */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选，增加阴影效果 */
}
 .content1{
	 position: relative;
	 top:220px;
 }
.rectangle-area {
  position: relative;
  top: 110px;
  z-index: 1; /* 确保在蓝色半圆上面 */
  width: 80%; /* 根据需要调整 */
  max-width: 600px; /* 根据需要调整 */
  height: 25%;
  margin: 20px auto 0; /* 自动居中，并留出顶部间距 */
  background-color: #fff; /* 白色背景 */
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 可选，增加阴影效果 */
  border-radius: 8px; /* 可选，圆角 */
  text-align: center; /* 文本居中 */
}
 
.main-title {
  font-size: 42px; /* 根据需要调整 */
  font-weight: bold; /* 加粗 */
  margin-top: 10px;
  margin-bottom: 16px; /* 与下方文本留出间距 */
}
 .three-column-text{
 	margin-top: 20px;
	display: flex;
	justify-content: space-around; /* 三列均匀分布 */
	flex-wrap: wrap; /* 如果内容太长，允许换行（虽然这里不太可能需要） */
 }
.three-column-text1 {
	margin-top: 10px;
	display: flex;
	justify-content: space-around; /* 三列均匀分布 */
	flex-wrap: wrap; /* 如果内容太长，允许换行（虽然这里不太可能需要） */
}
 .total-money{
	 font-size: 14px;
	 color: #a5a5a5;
 }
 .column-text{
	  font-size: 23px; /* 根据需要调整 */
	  font-weight: bold; /* 加粗 */
	  margin-top: 10px;
      flex: 1; /* 三列等宽 */
 }
.column-text1{
	flex: 1; /* 三列等宽 */
	font-size: 14px; /* 根据需要调整 */
	  color: #00d000;
}
.column-text2{
	flex: 1; /* 三列等宽 */
	font-size: 14px; /* 根据需要调整 */
	color: #2972f9;
}
.column-text3{
	flex: 1; /* 三列等宽 */
	font-size: 14px; /* 根据需要调整 */
	color: red;
}

.outer-content-list{
	position: relative;
	top: 130px;
	margin-right: 100px;
	width: 250%;
}
.ou-check{
	margin-top: 20rpx;
}

.outer-content-list:last-child{
	margin-bottom: 100px;
}

.content-list{
	margin-top: 3px;
	margin-left: 16px;
}
.options-yun{
    border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;	
}
.delivery-options1{
	display: inline-block;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.price{
	width:40px;
	height: 17px;
	font-size: 12px;
	line-height: 20px;
	color: #ff5202;
	margin-left: -5px;
	font-weight: bold;
	text-align: center;
	display: inline-block;	
}
.content-list-1{
	margin-left: 16px;
}
.shipment{
	border: 1px solid #ccc;
	font-size: 10px;
	color: #e3af01;
}
.description{
	margin-left: 10px;
}
.algebra{
	margin-left: 10px;
}
.one{
	margin-left: 10px;
}
.kg{
	margin-left: 10px;
}
.meter{
	margin-left: 10px;
}
.content-list-6{
	margin-top: 3px;
	margin-left: 16px;
}
.options{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.delivery-options{
	margin-left: 10px;
}
.delivery-number{
	color: #00aaff;
}
.delivery-icon{
	margin-left: 5px;
}
.delivery-icon image{
	width: 21px;
	height: 21px;
}
.content-list-7{
	margin-top: 3px;
	margin-left: 16px;
}
.delivery-icon{
	margin-left: 5px;
}
.delivery-icon image{
	width: 21px;
	height: 21px;
}
.delivery-axis{
	background-color: #0374ff;
	display: inline-block;	
	width: 21px;
	height: 21px;
	border-radius: 50%;
}
.delivery-axis image{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
}
.content-list-13{
	margin-top: 3px;
	margin-left: 16px;
	border-bottom: 1px solid #ccc ;
	width: 100%;
}
.content-list-3{
	margin-top: 3px;
	margin-left: 16px;
}
.package{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.artNumber{
	margin-left: 10px;
}
.content-list-14{
	margin-top: 15px;
	/* margin-right: 16px; */
	border-top: 1px solid #dedede;
}
.avatar-button{
	position: relative;
	left: 220px;
}
.abnormal{
	margin-right: 5px;
	display: inline-block;	
	height: 35px;
	width: 80px;
	background-color: #ffffff;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	color: red;
	line-height: 32px;
	text-align: center;
	border: 1px solid #ff0000;
}
.abnormal-options{
	border: 1px solid #dc6f6b;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #ff6863;
	background-color: #ffd9d7;
}
.lading{
	margin-top: 10px;
	margin-right: 5px;
	display: inline-block;	
	height: 35px;
	width: 80px;
	background-color: #d19a1a;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
}
.algebra{
	margin-left: 10px;
}
.price{
	width:35px;
	height: 17px;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	background-color: #fa7d00;
	font-weight: 200;
	position: relative;
	text-align: center;
	left: 80px;
	display: inline-block;	
}
.money{
	margin-left: 5px;
	color: #ffaa00;
	position: relative;
	left: 80px;
}
.details{
	display: inline-block;	
	height: 35px;
	width: 80px;
	font-size: 16px;
	background-color: #d19a1a;
	color: white;
	border: none;
	border-radius: 5px;
	line-height: 32px;
	text-align: center;
}

.end{
	margin-top: 10px;
	height: 10px;
	background-color: #efefef;
	width: calc(100% + 15px + 15px); /* 需要计算 */
    margin-left: -15px;
    margin-right: -15px;
}



.u-content-list-1{
}
.u-content-list-6{
	margin-top: 3px;
}
.u-content-list-14{
	margin-top: 15px;
	/* margin-right: 16px; */
	border-top: 1px solid #dedede;
}
.u-content-list-13{
	margin-top: 3px;
	border-bottom: 1px solid #ccc ;
	width: 100%;
}
.u-content-list-3{
	margin-top: 3px;
}
.u-content-list{
	margin-top: 3px;
}
.u-content-list-7{
	margin-top: 3px;
}
.u-options-yun{
    border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;	
}
.u-delivery-options1{
	display: inline-block;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.u-price{
	width:40px;
	height: 17px;
	font-size: 12px;
	line-height: 20px;
	background-color: #ff5202;
	color: #fff;
	margin-left: -5px;
	font-weight: bold;
	text-align: center;
	display: inline-block;	
}
.u-money{
	margin-left: 5px;
	color: #ffaa00;
}
.u-shipment{
	border: 1px solid #ccc;
	font-size: 10px;
	color: #e3af01;
}
.u-description{
	margin-left: 10px;
}
.u-algebra{
	margin-left: 10px;
}
.u-one{
	margin-left: 10px;
}
.u-kg{
	margin-left: 10px;
}
.u-meter{
	margin-left: 10px;
}
.u-package{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.u-artNumber{
	margin-left: 10px;
}
.u-options{
	border: 1px solid #ccc;
	font-size: 10px;
	display: inline-block;	
	width: 40px;
	text-align: center;
	color: #00aaff;
}
.u-delivery-options{
	margin-left: 10px;
}
.u-delivery-number{
	color: #00aaff;
}
.u-delivery-icon{
	margin-left: 5px;
}
.u-delivery-icon image{
	width: 21px;
	height: 21px;
}
.u-delivery-icon{
	margin-left: 5px;
}
.u-delivery-icon image{
	width: 21px;
	height: 21px;
}
.u-delivery-axis{
	background-color: #0374ff;
	display: inline-block;	
	width: 21px;
	height: 21px;
	border-radius: 50%;
}
.u-delivery-axis image{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
}
.u-avatar-list2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.u-outer-content-list{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.u-list{
	height: 100%;
	width: 100%;
}
.u-outer-content-list:last-child{
	margin-bottom: 100px;
}